<template>
	<view class="goods">
		<good-list-item v-for="(item, id) in goods" :key="id" :goodsItem="item"  style="width: 48%;"/>
	</view>
</template>

<script>
	import GoodListItem from "./GoodListItem";

	export default {
		name: "GoodList",
		props: {
			goods: {
				type: Array,
				defualt() {
					return [];
				},
			},
		},
		components: {
			GoodListItem
		},
	};
</script>
<style lang="scss" scoped>
	.goods {
		width: 100vw;
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		padding: 0 1% 114rpx 1%;
		justify-content: space-between;
		width: 98%;
	}
</style>
